<template>
  <div>
    <el-container>
      <el-header class="divhead">
        <!-- <el-input class="divinput" v-model="keyword" placeholder="请输入要查找的内容"></el-input>
        <el-button class="divbuttonleft" type="primary" @click="search(keyword)">查 找</el-button> -->
        <el-button class="divbuttonright" type="primary" @click="add">添加信息</el-button>
        <!-- <el-button class="divbuttonright" type="primary" disabled>下载数据</el-button> -->
      </el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
      keyword: ""
    };
  },
  methods: {
    add() {
      this.$router.push("/index_manager/addmessage");
    },
    search(keyword) {
      console.log("传值前的keyword" + keyword);
      this.$router.push({
        path: "/index_manager/util",
        query: {
          keyword: keyword,
          tage: "message"
        }
      });
    }
  },
  components: {}
};
</script>

<style scoped>
.divhead {
  background-color: rgb(255, 255, 255);
  /* border: solid 1 px #ff561f; */
}
.divinput {
  width: 200px;
  position: relative;
  left: -350px;
}
.divbuttonleft {
  position: relative;
  left: -340px;
}
.divbuttonright {
  position: relative;
  right: -390px;
}
</style>
